<template>
  <button @click="componentName='Push'">Push</button>

  <button @click="componentName='Go'">Go</button>

  <button @click="componentName='AddRemoveRoute'">AddRemoveRoute</button>

  <component :is="componentName"/>
</template>

<script>

import {defineComponent} from 'vue';
import Push from '@/views/push/Push.vue';
import Go from '@/views/go/Go.vue';
import AddRemoveRoute from '@/views/addRoute_removeRoute/AddRemoveRoute.vue';

export default defineComponent({
  components: {AddRemoveRoute, Go, Push},
  data() {
    return {
      componentName: ''
    };
  }
});
</script>

<style scoped>
button {
  margin-right: 10px;
  margin-bottom: 20px;
}
</style>
